.hero-section{
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,0.03) 0%, transparent 30%),
    linear-gradient(180deg, #08172A 0%, #0B1C31 55%, #0A1A2E 100%);
}

.hero-logo{
  color: #F3EEE6;
  opacity: 0.96;
}

.hero-title{
  color: #F3EEE6;
  max-width: 620px;
  font-size: clamp(56px, 6vw, 92px);
  font-weight: 800;
  line-height: 0.95;
  letter-spacing: -0.03em;
}

.hero-subtext{
  color: #D7CEC2;
  max-width: 640px;
  line-height: 1.65;
}

.hero-cta{
  background: #F1ECE4;
  color: #0B1C31;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.16);
}

.hero-cta:hover{
  background: #E7DED1;
  color: #08172A;
}

.hero-image{
  filter: drop-shadow(0 30px 50px rgba(0,0,0,0.28));
}